<meta charset="utf-8">
<style>
    *{
        padding: 0;
        margin: 0;
    }
    h1,img{
        margin:10px;
    }
    .box{
        margin-left: 20px;
    }
    img{
        transition: all .3s;
    }
    img:hover{
        transform: rotate(360deg) scale(1.2);
    }
</style>
<h1>顺时针旋转360度放大1.2倍</h1>
<div class="box">
    <img src="images/delicious.png"/>
    <img src="images/facebook.png"/>
    <img src="images/rss.png"/>
    <img src="images/twitter.png"/>
    <img src="images/yahoo.png"/>
</div>
